<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Y.ScrollView (y)</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

        <link rel="stylesheet" href="../../../../build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <link rel="stylesheet" href="assets/tests.css" type="text/css" media="screen" title="no title" charset="utf-8">

        <script src="../../../../build/yui/yui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    
    <body class="yui3-skin-sam">
        <div class="header">
        	<h1>Y.ScrollView</h1>
        </div>
        <div id="scrollable" class="yui3-scrollview-loading">
            <ul>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
    			<li>
    				<div>Lily Allen</div>
    			</li>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
    			<li>
    				<div>Lily Allen</div>
    			</li>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
    			<li>
    				<div>Lily Allen</div>
    			</li>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
    			<li>
    				<div>Lily Allen</div>
    			</li>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
    			<li>
    				<div>Lily Allen</div>
    			</li>
    			<li>
    				<div>Purchased on the iPhone</div>
    			</li>
    			<li>
    				<div>Purchased</div>
    			</li>
    			<li>
    				<div>Air</div>
    			</li>
    			<li>
    				<div>Amelie</div>
    			</li>
    			<li>
    				<div>Ben Folds</div>
    			</li>
    			<li>
    				<div>Ben Harper</div>
    			</li>
    			<li>
    				<div>Blue October</div>
    			</li>
    			<li>
    				<div>Bob Dylan</div>
    			</li>
    			<li>
    				<div>Cake</div>
    			</li>
    			<li>
    				<div>Citizen Cope</div>
    			</li>
    			<li>
    				<div>Coldplay</div>
    			</li>
    			<li>
    				<div>Dido</div>
    			</li>
    			<li>
    				<div>Foo Fighters</div>
    			</li>
            </ul>
        </div>

        <script type="text/javascript" charset="utf-8">

            YUI({filter:"raw"}).use('scrollview-base', function(Y) {

                var scrollView = new Y.ScrollView({
                    contentBox: '#scrollable',
                    height: 372,
                    flick : {
                        minDistance:0,
                        minVelocity:0
                    }
                });

                scrollView.render();
            });

        </script>
    </body>
</html>
